.courseap {
  .con {
    padding: 10px;
    border-bottom: 10px solid #F9FAF9;

    .row {
      display: flex;
      margin-bottom: 10px;

      .cell {
        flex-grow: 1;
        text-align: center;

        .name {
          text-align: center;
          width: 60px;
          height: 40px;
          background-image: url("./images/a.png");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          line-height:45px;
          font-size: 12px;
          display: inline-block;
        }
        &.active{
          .name{
            background-image: url("./images/b.png");
            color:white;
          }
        }
      }
    }
  }
}